<!-- 中间内容区 -->
<template>
  <a-layout>
    <a-layout-sider class="layout-aside">
			<Aside></Aside>
		</a-layout-sider>
    <a-layout>
      <a-layout-content class="layout-content__container">
				<router-view></router-view>
			</a-layout-content>
    </a-layout>
  </a-layout>
</template>

<script lang="ts" setup>
import Aside from './aside.vue'

</script>

<style lang="scss">
@import '@/styles/config.scss';
	.layout-aside, .layout-content__header, .layout-content__container {
		background-color: $containerColor;
	}

	.layout-aside {
		flex: 0 0 13vw!important;
		min-width: 1vw!important;
	}
	.layout-content__container {
		overflow-x: auto;
	}
	
	.ant-tabs {
		position: sticky;
		top: 0;
		z-index: 9;
		background-color: $containerColor;
	}

	.ant-tabs-top > .ant-tabs-nav::before, .ant-tabs-top > div > .ant-tabs-nav::before {
		border-bottom: none!important;
	}


	.layout-content__container::-webkit-scrollbar {
		display: none;
	}
	.layout-aside {
		border-right: 1px solid #454545;
		overflow: hidden;
	}
</style>